<template>
  <h1>ref</h1>
  <div>{{ age }}</div>
</template>

<script>
import { ref } from "vue";
export default {
  name: "HelloWorld",
  //setup在创建前
  setup(props, context) {
    console.log("setup,composition API执行的入口");
    //定义变量
    const age = ref(10); //ref 一般创建 基础类型的变量，创建的变量再次赋值时需要写 变量名 .value =变量值
    //过2秒钟修改了age的值，页面会不会是响应式的
    setTimeout(() => {
      age.value = 20;
    }, 2000);
    return { age };
  },
};
</script>

<style></style>
